<template>
  <el-row
    :gutter="0"
    class="m-header"
  >
    <el-col :xs="{ span: 8 }" class="hidden-sm-and-up">
      <img
        src="//s0.meituan.net/bs/fe-web-meituan/e5eeaef/img/logo.png"
        alt="美团"
        style="cursor: pointer; height: 30px; margin: 5px 0 0 10px"
        @click="$router.push('/')"
      >
    </el-col>
    <el-col :span="5" :xs="{ span: 8 }">
      <geo />
    </el-col>
    <el-col :span="5" :xs="{ span: 8 }">
      <user />
    </el-col>
    <el-col :span="14" class="hidden-xs-only">
      <navbar />
    </el-col>
  </el-row>
</template>

<script>
import Geo from './geo.vue'
import User from './user.vue'
import Navbar from './nav.vue'
export default {
  components: {
    Geo,
    User,
    Navbar
  }
}
</script>

<style lang="scss">
  @import "@/assets/css/public/layout.scss";
  @import "@/assets/css/public/header/index.scss";
</style>
